<!--
	作者：ZhangXin
	时间：2020-07-22
	描述：博客时间轴页面
-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragments::head(~{::title})">
    <title>时间轴</title>
</head>

<body class="archives-body">
<!--导航-->
<nav th:replace="fragments::menu(4)"></nav>


<!--时间轴内容-->
<div class="doc-container m-padded-tb-massivex m-opacity" id="doc-container">
    <th:block >
        <section class="timeline">
            <ul>

                <li class="" th:each="blog : ${blogs}">
                    <div>
                        <time th:text="${#dates.format(blog.createTime,'yyyy-MM-dd')}">2020/01/01</time>
                        <div class="scientist" >
                            <a href="#" target="_blank" th:href="@{/blog/{id}(id=${blog.id})}">
                                <h3 class="state" style="text-align:center;font-size: 16px;color: #000;" th:text="${blog.title}">文章标题</h3>
                            </a>
                        </div>
                    </div>
                </li>

            </ul>
        </section>
    </th:block>
</div>
<!--底部内容-->
<footer th:replace="fragments::footer"></footer>
<script th:replace="fragments::script"></script>

<script>
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide')
    })


    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-show');

    });
</script>
</body>

</html>